<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title> 电子合同 </title>
  <link rel="stylesheet" href="css/style.css">
  <script src="js/jquery.min.js"></script>
</head>

<body>
  <div class="contract_box">
    <div class="contract">
      <div class="contract_name"> 家政服务中介合同 </div>
      <div class="contract_test">
        <p>甲方（雇主）： <span id="s1"> </span> </p>
        <p>联系电话：<span id="s2"> </span></p>
        <p>服务地址：<span id="s3"> </span></p>

        <p>乙方（家政服务员）：<span id="s4"> </span></p>
        <p>联系电话：<span id="s5"> </span></p>
        <p>身份证号码：<span id="s6"> </span></p>

        <p>丙方（家政中介机构）：湖南庆旺保洁服务有限公司</p>

        <p>为保障家政服务的顺利进行，明确甲乙丙三方的权利义务，根据《中华人民共和国合同法》及其他有关法律法规的规定，基于平等自愿的原则，甲乙丙三方经协商签订如下协议：</p>
        <p>一、甲方雇请乙方从事家庭服务工作，协议时间自 <span id="s7"> </span>至 <span id="s8"> </span>止，</p>
        <p> 甲方每月付给乙方基本工资￥<span id="s9"> </span>元（大写：元整）。</p>
        <p>乙方具体上岗时间 <span id="s10"> </span>。</p>
        <p>乙方为甲方提供<span id="s11"> </span></p>
        <p> 二、根据三方协商，乙方以 <span id="s12"> 住家 </span> 的形式提供家政服务，每月休息
          天，并带薪享受国家法定节假日（元旦节1天、春节4天、清明节1天、劳动节2天、端午节1天、中秋节1天、国庆节3天），若甲方调整休息时间需征得乙方同意，甲方需要乙方在合同约定以外的休息时间加班可与乙方自行协商加班时间及加班工资（春节三倍工资）。
        </p>
        <p> 三、丙方收费标准：</p>
        <p>1、 家政服务中介费为一次性缴纳，签订合同后，甲方向丙方缴纳中介服务费￥ 元(此 费用一律不退），管理 个月 (合同有效期内，通过丙方推荐的家政员投保家政险)。
          (备注：需请高级家政员或服务地址在湖南省外的客户，加收服务管理费用1000元)。</p>
        <p>2、合同有效期内，如乙方有出险，甲方或乙方必须在 12 小时内报备给丙方，如因出险报备不及
          时，造成的保险理赔损失，由甲乙双方自行承担。</p>
        <p> 3、支付方式：</p>
        <p>①现金支付（微信或支付宝转账）</p>
        <p>②银行转账：湖南庆旺保洁服务有限公司</p>
        <p>开 户 行：中国银行股份有限公司长沙市劳动中路支行（账号：596364221315）</p>
        <p>③银联刷卡：通过丙方提供的银行 POS 机刷卡支付</p>
        <p> 四、甲方责任：</p>
        <p>1、甲方签订协议后，须按实际工作天数计算乙方工资（休息时间除外）。</p>
        <p>2、为乙方提供必须的工作、生活条件，不得让乙方与异性成年人同居一室，负责乙方人身安全。</p>
        <p>3、应该主动向乙方交待工作任务、要求及注意事项，甲方必须耐心细致的指导，直到乙方能独立操作使用家庭中自动化电器，燃气设备等，防止意外事故发生。不得超过协议范围内加派工作。如要新增工作任务，需同乙方商量征得同意方可。
        </p>
        <p>4、乙方在服务中，因工作重大失误给甲方造成损失，甲方有权追究乙方责任和要求经济赔偿。依照国家法律和有关法规处理，甲方不得实施非法拘禁、搜身及殴打威逼等侵权行为。</p>
        <p>5、不得擅自将乙方转给第三方服务，不准将乙方带往外地服务。</p>
        <p>6、不得有违反《妇女权益保障法》、《劳动法》的有关条例，不得有侵犯人权的行为。</p>
        <p>7、乙方如擅自离开甲方家，甲方有责任在24小时内通知丙方公司备案，否则须承担一切责任。</p>
        <p>8、甲方向丙方提供真实的身份证明及真实的家庭情况等，如实填写用户信息。甲方应如实的说明乙方的工作内容，根据乙方的工作内容，给予不低于市场行情的等值工资。</p>
        <p>9、甲方不得提前预付工资或私自借钱给乙方，由此造成的后果，由甲方自负。</p>
        <p>10、甲方每月应按时结算工资给乙方，不得拖欠；因特殊原因，乙方实际工作不满一个月，甲方应按实际工作天数结算乙方工资（月工资/每月应上班天数×实际上班天数）。</p>
        <p>11、甲方如提前解约，则不享受合同服务期间丙方赠送的家政服务员责任险和雇主责任险的服务。</p>
        <p> 五、乙方责任：</p>
        <p>1、热情工作，文明服务，按协议要求完成好本职工作。</p>
        <p>2、不准擅自外出，不准带外人去甲方处住，不准私自翻动甲方物品，不准参与甲方家庭纠葛，不准私自在甲方家打私人电话，要服从甲方安排和合理要求。</p>
        <p>3、因乙方工作故意或重大过失给甲方带来损失，乙方按责任大小承担经济赔偿及相关法律责任。</p>
        <p>4、协议期内乙方患有慢性疾病、传染病时，甲方有权终止协议，乙方应主动终止协议，不能强留在甲方家里。乙方合法权益受到侵害，有权向有关部门和丙方提出申诉。</p>
        <p>5、乙方在甲方处，无法适应工作的应提前向甲方提出，并与甲方一同到丙方办理合同解除手续。</p>
        <p>六、丙方责任：</p>
        <p>1、丙方提供甲方与乙方中介服务工作，甲、乙之间的其他民事纠纷丙方不承担任何法律责任。</p>
        <p>2、丙方根据甲方的要求，为其提供合适的家政服务员。甲方对乙方如不满意，可与丙方联系退</p>
        <p>换，直至甲、乙双方满意。丙方在甲方提出更换人员时，需在7-15个工作日内更换新的家政服务员，重新签订中介合同，丙方收费日期以原始合同为准。</p>
        <p>3、丙方对乙方进行家庭服务岗前基本知识培训，提供有效的身份证件和就业基础体检证明。</p>
        <p>4、丙方根据乙方的工作能力及要求，为其提供就业机会。在协议期内，乙方的人身权利受到甲方侵害时，丙方有权提供法律保护。</p>
        <p>5、甲、乙双方在履行协议的过程中，如发生纠纷，丙方有权出面协调处理。</p>
        <p>七、协议期满，甲方需继续雇请乙方，应提前7天到丙方办理续约手续，乙方如不愿意留任，甲方不得勉强。甲方不按时到丙方办理续约手续，丙方有权将乙方调回。</p>
        <p>八、甲、乙双方无特殊情况解除合同，甲方必须通知丙方，并要乙方告知丙方已辞职。甲乙双方私
        <p>自解除，因此造成的后果，丙方公司可视甲乙方违约，责任自负。</p>
        <p>九、协议期满，双方应持协议到丙方办理协议解除手续，未办理可视自行解除。</p>
        <p>十、本协议签订，甲、乙、丙各方不得擅自变更或解除协议，如协议执行中尚有未尽事宜，须经</p>
        <p>三方协商，作为补充规定，补充规定与本协议具有同等法律效力。</p>
        <p>十一、丙方为甲方更换家政服务人员后，更换人员签订的合同视为补充内容，与原始合同有同等法律效力。</p>
        <p>十二、本协议一式三份，甲、乙、丙各执一份，签字盖章生效。</p>

        <div class="cans">
          甲方签字：
          <div class="cant">
            <img src="" alt="" id="signature1">
          </div>

        </div>
        <div class="cans">
          乙方签字：
          <div class="cant">
            <img src="" alt="" id="signature2">
          </div>
        </div>
        <div class="cans">
          <p>丙方中介机构：湖南庆旺保洁服务有限公司</p>
          <p>公司地址：韶山北路460号兴威名座北栋7楼705室</p>
          <p>丙方经办人： </p>
          <p>联系电话： </p>
          <p> <span id="CreatedDate"></span> </p>
        </div>

      </div>
    </div>
    <div class="signature-pad--footer" id="yueduqianm">
      <div class="signature-pad--actions">
        <div>
          <button type="button" class="button save"> 我已阅读，去签名 </button>
        </div>
      </div>
    </div>
  </div>
</body>
<script>
  window.onload = function () {
    // 获取查询字符串，去掉问号
    const queryString = window.location.search.substring(1);
    // 将查询字符串分割成参数数组
    const params = queryString.split('&');
    // 创建一个对象来存储所有参数
    const queryParams = {};
    // 遍历参数数组
    for (let i = 0; i < params.length; i++) {
      // 分割每个参数为键值对
      const param = params[i].split('=');
      // 解码URI组件，并将它们添加到queryParams对象中
      queryParams[param[0]] = decodeURIComponent(param[1]);
    }
    const id = queryParams['id'];
    const type = queryParams['type'];
    // queryParams对象现在包含了所有的查询参数
    console.log(queryParams);
    if (id) {
      // 接口的URL
      const url = 'https://www.csxgw.com/api/WeChatAPI/Getcontract?id=' + id;
      // 使用fetch函数发起GET请求
      fetch(url).then(response => {
        // 检查响应状态
        if (response.ok) {
          // 解析JSON格式的响应体
          return response.json();
        } else {
          // 如果响应状态不是2xx，抛出错误
          throw new Error('网络响应错误');
        }
      }).then(res => {
        // 在这里处理获取到的数据
        if (res.isOk == true) {
          var data = res.data;
          if (data.Status == 3) {
            document.getElementById("yueduqianm").style.display = 'none';
          } else {
            document.getElementById("yueduqianm").style.display = 'blck';
          }
          console.log(data);
          // 将数据填充到对应的 <span> 标签中
          document.getElementById("s1").textContent = data.CustomerName;
          document.getElementById("s2").textContent = data.CustomerPhone;
          document.getElementById("s3").textContent = data.CustomerAddress;
          document.getElementById("s4").textContent = data.EmployeeName;
          document.getElementById("s5").textContent = data.EmployeeTel;
          document.getElementById("s6").textContent = data.EmployeeIdNo;
          document.getElementById("s7").textContent = formatDate(data.StartDate);
          document.getElementById("s8").textContent = formatDate(data.EndDate);
          document.getElementById("s9").textContent = data.PayAmount || 0;
          document.getElementById("s10").textContent = data.UpDateTime || '';
          document.getElementById("s11").textContent = data.EmployeeTel;
          document.getElementById("s12").textContent = data.EmployeeIdNo;


          document.getElementById("CreatedDate").textContent = formatDate(data.CreatedDate);
          document.getElementById("signature1").src = 'https://www.csxgw.com/' + data.signature1;
          document.getElementById("signature2").src = 'https://www.csxgw.com/' + data.signature2;
        }

      }).catch(error => {
        // 处理请求过程中发生的错误
        console.error('请求失败:', error);
      });
    }
    function formatDate(dateString) {
      const date = new Date(dateString);
      const year = date.getFullYear();
      const month = (date.getMonth() + 1).toString().padStart(2, '0');
      const day = date.getDate().toString().padStart(2, '0');
      return `${year}年 ${month}月 ${day}日`;
    }
    const button = document.getElementById("yueduqianm");
    button.addEventListener("click", () => {
      window.location.href = "index.html?id=" + queryParams['id'] + '&type=' + type
    })
  };

</script>

</html>